<html  lang="en"  xmlns:th="http://www.thymeleaf.org" >
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<title>新增BANNER</title>
	<script type="text/javascript" th:src="${application.staticUrl}+'base/banner/jqueryUploader/jQuery.upload.js'"></script>
</head>

<head th:include="frame/fm/res :: bannerCss"/>
<body>
<!--/Preloader-->
<div class="page-wrapper">
	<div class="container-fluid">
		<span th:replace="frame/fm/res :: breadcrumb"></span>
		<!-- Row -->
		<div class="row">
			<div class="col-md-12">
				<div class="panel panel-default card-view">
					<div class="title-div">

						<div class="notice-title-div" id="tlDiv"><!--class + "has-error has-danger" 变红-->
							<label for="bannerName" class="notic-title-lable">banner名称</label>
							<input class="notice-title-input" id="bannerName" placeholder="必填" required="" type="text"/>
							<input type="hidden" id="bannerId"/>
							<label class="notic-title-lable-2" id="labBannerName" style="display:none;"></label>
					</div>
					</div>

					<!-- 分类 -->

					<div class="title-div">

						<div class="notice-title-div" id="typeDiv"><!--class + "has-error has-danger" 变红-->
							<label for="bannerType" class="notic-title-lable">banner类型</label>
							<select id="bannerType" class="notice-title-input" data-placeholder="Choose a Category" tabindex="1" style="width:80%;">
								<option value="homeBanner">首页banner</option>
								<option value="courseBanner">课程页banner</option>
							</select>
						</div>
						<div id="saveNameBtn" onclick="addBannerName()" style="display: block;">
							<button class="btn btn-primary btn-icon-anim btn-square btn-sm" style=" width: 120px;">
								<i class="icon-plus-addNoticeTitle"></i>
							</button>
						</div>
						<div id="editNameBtn" onclick="updateBannerName()" style="display: none;">
							<button class="btn btn-primary btn-icon-anim btn-square btn-sm" style=" width: 120px;">
								<i class="icon-plus-updateNoticeTitle"></i>
							</button>
						</div>
					</div>

					<!--头部，相册选择和格式选择-->
					<div id="imgDesDiv" style="padding-bottom:80px;">
						<!-- 公告图片start -->
						<div class="case" id="ntImgDiv">
							<div class="upload" id='case' data-size="600" data-width="750" data-height="300" data-num="4" ></div>
							<!--  保存图片顺序 -->
							  <div id="saveImgSn" onclick="saveImgSn()" style="padding-top:10px;float:right;">
                                 <button class="btn btn-primary btn-icon-anim btn-square btn-sm" style=" width: 140px;">
                                   <i class="icon-plus-addNoticeImgSn"></i>
                               	</button>
                           		</div>
						</div>
						<!--  公告图片 end-->

					</div>

				</div>

			</div>
		</div>
		<!-- /Row -->
	</div>

</div>
<!-- /Main Content -->

<div class="panel-body"  id="imgDes" style="display:none">
    <input type="hidden" id="bannerItemId" />
    <div class="form-group"><label class="imgDes-label mb-10 col-sm-2" >图片:</label><label id="imgName"></label></div>
    <div class="form-group">
            <label class="imgDes-label mb-10 col-sm-2" for="bnImgDes">描述</label>
            <input class="b-d-input" id="bnImgDes"/>
    </div>

    <div class="form-group">
        <label class="imgDes-label mb-10 col-sm-2" for="targetUrl">链接地址</label>
        <input class="b-d-input" id="targetUrl" />
    </div>
    <div id="editDesBtn" onclick="editImgDes(this)" style="text-align:center;">
        <button class="btn btn-primary btn-icon-anim btn-square btn-sm" style=" width: 120px;">
            <i class="icon-plus-save"></i>
        </button>
    </div>
</div>

<script type="text/javascript" th:src="${application.staticUrl}+'base/banner/js/addBanner.js'"></script>


</body>
</html>